@use 'sass:map';
@use '../scss/variables.scss' as *;

// 基础颜色
$--colors: (
  'primary': (
    'base': #008000
  ),
  'success': (
    'base': #21ba45,
    // 'light-9': #e8ffea
  ),
  'warning': (
    'base': #f2711c,
    // 'light-9': #fff7e8
  ),
  'danger': (
    'base': #db2828,
    // 'light-9': #ffece8
  ),
  'error': (
    'base': #db2828
  ),
  'info': (
    'base': #42b8dd,
    // 'dark-2': #c9cdd4
  )
);

// 文本颜色
$--text-color: (
  // 'primary': #303133,
  // 'regular': map.get($text-colors, ''),
  // 'secondary': #909399,
  // 'placeholder': #a8abb2,
  // 'disabled': #c0c4cc
);

// 边框圆角
$--border-radius: (
  // 'base': 2px,
  // 'small': 2px,
  // 'round': 20px,
  // 'circle': 100%
);

// 填充颜色
$--fill-color: (
  // '': #f0f2f5,
  // 'light': #175eff,
  // 'lighter': #fafafa,
  // 'extra-light': #fafcff,
  // 'dark': #ebedf0,
  // 'darker': #e6e8eb,
  // 'blank': #fff
);

// 大小
$--common-component-size: (
  // 'large': 36px,
  // 'default': 32px,
  // 'small': 28px
);

// 信息提示
$--message: ();

// 菜单
$--menu: (
  // 'text-color': #dee4ee,
  // 'active-color': #dee4ee,
  // 'hover-bg-color': rgba(255, 255, 255, 0.2),
  // 'bg-color': transparent,
  // 'level-padding': 12px,
  // 'base-level-padding': 16px,
  // 'item-height': 42px,
  // 'item-font-size': 18px,
  // 'icon-width': auto,
  // 'hover-text-color': #dee4ee
);

// 树结构
$--tree: (
  // 'node-content-height': 62px;
  //
);

// 表格
$--table: (
  'header-bg-color': map.get($fill-colors, ''),
  'text-color': map.get($text-colors, 'primary'),
  'border-color': map.get($border-colors, ''),
  'header-text-color': map.get($text-colors, '')
);

$--tabs: (
  'header-height': 64px
);

$--pagination: (
  'border-radius': 3px
);

//弹窗
$--dialog: (
  'title-font-size': 16px
);

// 自定义命名空间中，默认为“el”
@forward 'element-plus/theme-chalk/src/mixins/config.scss' with (
  $namespace: 'el'
);

// 自定义 scss 变量
@forward 'element-plus/theme-chalk/src/common/var.scss' with (
  // 不要使用相同的名称，它将覆盖
  $colors: $--colors,
  $text-color: $--text-color,
  $border-radius: $--border-radius,
  $fill-color: $--fill-color,
  $common-component-size: $--common-component-size,
  $message: $--message,
  $menu: $--menu,
  $tree: $--tree,
  $table: $--table,
  $tabs: $--tabs,
  $pagination: $--pagination,
  $dialog: $--dialog
);
